﻿<Page x:Class="MedioWPF.ImportPage"
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
      xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
      mc:Ignorable="d" 
      d:DesignHeight="300" d:DesignWidth="300"
	Title="Medio - Import Media">

	<Grid>
		<Grid.Background>
			<ImageBrush ImageSource="wallpaper.jpg" />
		</Grid.Background>
		<Grid.ColumnDefinitions>
			<ColumnDefinition Width="230" />
			<ColumnDefinition />
		</Grid.ColumnDefinitions>
		<Grid.RowDefinitions>
			<RowDefinition Height="Auto" />
			<RowDefinition />
		</Grid.RowDefinitions>


		<Label Grid.Column="1" VerticalAlignment="Center" FontFamily="Trebuchet MS" 
FontWeight="Bold" FontSize="18" Foreground="#0066cc">
			Expense Report For:
		</Label>
		<Grid Margin="10" Grid.Column="1" Grid.Row="1">

			<Grid.ColumnDefinitions>
				<ColumnDefinition />
				<ColumnDefinition />
			</Grid.ColumnDefinitions>
			<Grid.RowDefinitions>
				<RowDefinition Height="Auto" />
				<RowDefinition Height="Auto" />
				<RowDefinition />
			</Grid.RowDefinitions>

			<!-- Name -->
			<StackPanel Grid.Column="0" Grid.ColumnSpan="2" Grid.Row="0" Orientation="Horizontal">
				<Label Margin="0,0,0,5" FontWeight="Bold">Name:</Label>
				<Label Margin="0,0,0,5" FontWeight="Bold"></Label>
			</StackPanel>

			<!-- Department -->
			<StackPanel Grid.Column="0" Grid.ColumnSpan="2" Grid.Row="1" Orientation="Horizontal">
				<Label Margin="0,0,0,5" FontWeight="Bold">Department:</Label>
				<Label Margin="0,0,0,5" FontWeight="Bold"></Label>
			</StackPanel>

			<Grid Grid.Column="0" Grid.ColumnSpan="2" Grid.Row="2" VerticalAlignment="Top" 
          HorizontalAlignment="Left">
				<!-- Expense type and Amount table -->
				<DataGrid  AutoGenerateColumns="False" RowHeaderWidth="0" >
					<DataGrid.ColumnHeaderStyle>
						<Style TargetType="{x:Type DataGridColumnHeader}">
							<Setter Property="Height" Value="35" />
							<Setter Property="Padding" Value="5" />
							<Setter Property="Background" Value="#4E87D4" />
							<Setter Property="Foreground" Value="White" />
						</Style>
					</DataGrid.ColumnHeaderStyle>
					<DataGrid.Columns>
						<DataGridTextColumn Header="ExpenseType" />
						<DataGridTextColumn Header="Amount"  />
					</DataGrid.Columns>
				</DataGrid>
			</Grid>
		</Grid>
	</Grid>
</Page>
